<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>设置对象属性</title>
</head>

<body>
    <script>
       
        
        //可以定义多个属性
        Object.defineProperties(box, {
            'width': {
                configurable:false, // 不能被删除
                // value: 200,//给属性设置默认值
                enumerable:false,// 设置键是否可以被遍历
                // writable:false,//设置是否可写
                get:function(){
                    console.log('haha')
                    return 'abd'
                },
                set:function(value){
                    console.log(`你要给对象的width赋值:${value}`)
                }

            },
            'height': {
                configurable:false, // 不能被删除
                // value: 200,//给属性设置默认值
                enumerable:false,// 设置键是否可以被遍历
                // writable:false,//设置是否可写
                get:function(){
                    console.log('haha')
                    return 'abd'
                },
                set:function(value){
                    console.log(`你要给对象的width赋值:${value}`)
                }
            },
        })
        Object.defineProperty(box,'color',{
            get:function(){
                console.log('获取元素的color属性')
            }
        })
        for(let key in box){
            console.log(key)
        }
    </script>
</body>

</html>